<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../templates/templateAdmin.xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui">

    <ui:define name="windowTitle">SAMUPG :: Asignación de cursos</ui:define>

    <ui:define name="libreria">
        <style>
            .noneColumn {
                padding-right: 7px;
            }
            .evenColumnPeriodo{
                padding-right: 3em;
            }
        </style>
        <f:metadata>
            <f:viewParam name="periodId" value="#{asignarCursosPeriodo.periodId}" />
            <f:event type="preRenderView" listener="#{asignarCursosPeriodo.preRenderPostulacionListener}" />
        </f:metadata>
    </ui:define>

    <ui:define name="content">
        <h3 style="margin-left: 2px;">Consulta de curso</h3>
        <p:growl id="growl" />
        <h:form id="form" prependId="false">
            <h:panelGrid columns="2">
                <h:outputText value="Período:" />
                <h:outputText id="txtNombre" value="#{asignarCursosPeriodo.periodo.nombre}" />

                <h:outputText value="Estado:" />
                <h:outputText value="Cerrado" rendered="#{not asignarCursosPeriodo.periodo.periodoActual}"/>
                <h:outputText value="Aperturado - Actual" rendered="#{asignarCursosPeriodo.periodo.periodoActual}"/>
            </h:panelGrid>
            <br />
            <p:commandButton value="Guardar cambios" />
            <br /><br />
            <h:panelGrid columns="3">
                <h:outputText value="Nombre: " />
                <p:inputText id="txtNombrePeriodo" value="#{asignarCursosPeriodo.periodo.nombre}"
                             disabled="#{asignarCursosPeriodo.disabledPeriodo}" style="background: white !important; color: black;"/>
                <p:commandLink value="Cambiar nombre" actionListener="#{asignarCursosPeriodo.cambiarNombreListener}"
                               process="@form" update="txtNombrePeriodo,txtNombre" style="margin-left: 10px;"/>
            </h:panelGrid>

            <h:panelGrid columns="4" columnClasses="noneColumn,evenColumnPeriodo,noneColumn,evenColumnPeriodo">
                <h:outputText value="Fecha de apertura: " />
                <p:calendar value="#{asignarCursosPeriodo.periodo.fechaApertura}" 
                            label="Fecha de apertura"
                            size="30"/>

                <h:outputText value="Fecha de cierre: " />
                <p:calendar value="#{asignarCursosPeriodo.periodo.fechaCierre}" 
                            label="Fecha de cierre" 
                            size="30"/>
            </h:panelGrid>

            <div style="float: left; width: 49%; background-color: transparent; margin-top: 5px; padding-left: 0px;
                 padding-top: 10px;">
                <center>
                    <p:panel header="Lista de maestrias">
                        <p:pickList id="plMaestrias" value="#{asignarCursosPeriodo.maestriasSeleccionadas}" var="maestria"
                                    itemLabel="#{maestria.nombre}" itemValue="#{maestria.nombre}">
                            <f:facet name="sourceCaption">Disponibles</f:facet>
                            <f:facet name="targetCaption">Registradas</f:facet>
                        </p:pickList>
                    </p:panel>
                </center>
            </div>

            <div style="float: right; width: 49%; margin-top: 5px; padding-top: 10px;">
                <center>
                    <p:panel header="Lista de diplomados">
                        <p:pickList id="plDiplomados" value="#{asignarCursosPeriodo.diplomadosSeleccionados}" var="diplomado"
                                    itemLabel="#{diplomado.nombre}" itemValue="#{diplomado.nombre}">
                            <f:facet name="sourceCaption">Disponibles</f:facet>
                            <f:facet name="targetCaption">Registradas</f:facet>
                        </p:pickList>
                    </p:panel>
                </center>
            </div>
        </h:form>

    </ui:define>

</ui:composition>
